$(function () {
    //1.登陆注册页面切换绑定事件
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    //2.为layui添加表单自定义规则
    layui.form.verify({
        // 2.1使用数组做自定义规则
        pwd: [/^[\S]{6,12}$/, '必须是6-12位非空字符'],
        // 2.2使用函数做自定义规则
        // 参数传入的是目标元素的值
        repwd(value) {
            let pwdStr = $('#pwdconfirm').val().trim()
            if (pwdStr !== value) return '两次密码不一致！'
        }
    })
    // 3.注册表单提交事件
    //当layui校验通过后，提交表单，触发表单提交事件
    $('.reg-box>form.layui-form').on('submit', function (e) {
        //阻止表单默认提交事件
        e.preventDefault()
        //获取表单数据
        let strData = $(this).serialize()
        //将数据异步提交到服务器注册接口
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: strData,
            success: res => {
                //注册失败，提示消息
                if (res.status !== 0) return layui.layer.msg(res.message)
                //注册成功，提示消息
                layui.layer.msg(res.message)
                //使用trigger模拟登录超链接被点击
                // $('#link_login').trigger('click')
                // $('#link_login').click()
                document.querySelector('#link_login').click()
            }
        })
    })

    //4.登录表单提交事件
    $('.login-box>form.layui-form').on('submit', function (e) {
        //阻止表单默认提交事件
        e.preventDefault()
        //获取表单数据
        let strData = $(this).serialize()
        //将数据异步提交到服务器注册接口
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: strData,
            success: res => {
                // console.log(res);
                //登录失败，提示消息
                if (res.status !== 0) return layui.layer.msg(res.message)
                //登录成功，提示消息
                layer.msg(res.message, {
                    icon: -1,
                    time: 1500 //1.5秒关闭（如果不配置，默认是3秒）
                }, function () {
                    //页面跳转到首页index.html
                    location.href = '/index.html'
                    //location.assign('url')
                    //replace跳转后不能回退
                    // location.replace('url')
                    //将密钥token保存在本地存储中
                    sessionStorage.setItem('token', res.token)
                });
            }
        })
    })
})